<ui:composition template="#{facesContext.externalContext.requestContextPath}/../templates/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:composite="http://java.sun.com/jsf/composite">

	<ui:define name="comandos">		
		<p:commandButton value="Cancelar" styleClass="botaoPequeno" action="#{ConsultarCardapio.cancelarAction}" ajax="false" />
	</ui:define>

	<ui:define name="titulopagina">
		<h:outputLabel value="#{ConsultarCardapio.titulo}" /> 
		<h:outputLabel id="txtCategoria" value="#{ConsultarCardapio.filtroSelecionado != null ? ConsultarCardapio.filtroSelecionado.nome : '' }" />
	</ui:define>

	<ui:define name="conteudo">
		<div style="float: left; width: 25%; ">
			<p:menu  >
				<p:menuitem value="Todos os Produtos" update="tblProdutos, txtCategoria"
					action="#{ConsultarCardapio.reCarregarAction}"  />					
					
				<p:menuitem value="#{ConsultarCardapio.listaTipoCategoria[0].nome}" update="tblProdutos, txtCategoria" 
					action="#{ConsultarCardapio.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{ConsultarCardapio.filtroSelecionado}" 
						value="#{ConsultarCardapio.listaTipoCategoria[0]}"  />
				</p:menuitem>
				<p:menuitem value="#{ConsultarCardapio.listaTipoCategoria[1].nome}" update="tblProdutos, txtCategoria" 
					action="#{ConsultarCardapio.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{ConsultarCardapio.filtroSelecionado}" 
						value="#{ConsultarCardapio.listaTipoCategoria[1]}"  />
				</p:menuitem>
				<p:menuitem value="#{ConsultarCardapio.listaTipoCategoria[2].nome}" update="tblProdutos, txtCategoria" 
					action="#{ConsultarCardapio.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{ConsultarCardapio.filtroSelecionado}" 
						value="#{ConsultarCardapio.listaTipoCategoria[2]}"  />
				</p:menuitem>
				<p:menuitem value="#{ConsultarCardapio.listaTipoCategoria[3].nome}" update="tblProdutos, txtCategoria" 
					action="#{ConsultarCardapio.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{ConsultarCardapio.filtroSelecionado}" 
						value="#{ConsultarCardapio.listaTipoCategoria[3]}"  />
				</p:menuitem>
				<p:menuitem value="#{ConsultarCardapio.listaTipoCategoria[4].nome}" update="tblProdutos, txtCategoria" 
					action="#{ConsultarCardapio.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{ConsultarCardapio.filtroSelecionado}" 
						value="#{ConsultarCardapio.listaTipoCategoria[4]}"  />
				</p:menuitem>
				<p:menuitem value="#{ConsultarCardapio.listaTipoCategoria[5].nome}" update="tblProdutos, txtCategoria" 
					action="#{ConsultarCardapio.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{ConsultarCardapio.filtroSelecionado}" 
						value="#{ConsultarCardapio.listaTipoCategoria[5]}"  />
				</p:menuitem>
				<p:menuitem value="#{ConsultarCardapio.listaTipoCategoria[6].nome}" update="tblProdutos, txtCategoria" 
					action="#{ConsultarCardapio.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{ConsultarCardapio.filtroSelecionado}" 
						value="#{ConsultarCardapio.listaTipoCategoria[6]}"  />
				</p:menuitem>
				<p:menuitem value="#{ConsultarCardapio.listaTipoCategoria[7].nome}" update="tblProdutos, txtCategoria" 
					action="#{ConsultarCardapio.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{ConsultarCardapio.filtroSelecionado}" 
						value="#{ConsultarCardapio.listaTipoCategoria[7]}"  />
				</p:menuitem>				
			</p:menu>
		</div>				
		<div  style="float: right; width: 75%" >			
			<p:dataTable id="tblProdutos" value="#{ConsultarCardapio.listaFiltrada}" var="item" width="50%" border="1">
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Nome" />
					</f:facet>
					<h:outputLabel value="#{item.nome}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Descricao" />
					</f:facet>
					<h:outputLabel value="#{item.descricao}" />
				</p:column>				
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Valor" />
					</f:facet>
					<h:outputLabel value="R$ #{item.valor}">
					</h:outputLabel>
				</p:column>				
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Acao" />
					</f:facet>
					<p:commandButton value="Realizar Pedido" styleClass="botaoPequeno"
						action="#{ConsultarCardapio.realizarPedidoAction}" >
						<f:setPropertyActionListener value="#{item}" target="#{ConsultarCardapio.oferecimentoSelecionado}" />
					</p:commandButton>
				</p:column>
			</p:dataTable>
		</div>
		<div style="clear:both;"></div>
	</ui:define>
</ui:composition>